<template>
	<div>
		<el-card class="box-card">
			<div class="iconfont iconfont-style" >&#xe627;周末去哪儿</div>
		</el-card>
		<el-card v-for="item of WeekendList" :key="item.id" style="margin-bottom: 0.15rem;">
			<!-- 添加内容 -->
			<div class="content-div">
				<img class="week-image" :src="item.imageUrl" />
			</div>
			<div>
				<p class="weekend-title">{{item.title}}</p>
				<p class="weekend-describle">{{item.describle}}</p>
			</div>
		</el-card>
	</div>
</template>

<script>
	export default{
		name:"Weekend",
		props:{
			WeekendList:Array
		},
		data:function(){
			return{
				value:''
			}
		}
	}
</script>

<style scoped="scoped">
	.el-card__header{
		height: 2rem;
	}
	.content-div{
		width: 100%;
	}
	.el-card__body{
		padding-right: 0.1rem;
	}
	.iconfont-style{
		color: orange;
		text-align: center;
	}
	.box-card{
		margin-top: 0.3rem;
	}
	.weekend-title{
		color: #212121;
		font: 14px;
		text-indent: 0.1rem;
		padding-top: 0.1rem;
	}
	.weekend-describle{
		color: #616161;
		text-indent: 0.1rem;
		padding-top: 0.1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.week-image{
		width: 100%;
	}
</style>